<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			input{
				width:300px;
				height:50px;
				font-size:20px;
			}
			li{
				font-size:30px;
			}
		</style>
		<script type="text/javascript" src="jquery-1.12.4.min.js" ></script>
	</head>
	<body>
		<input type="text" />
		<ul>
			<!--<li>打印数据</li>-->
		</ul>
	</body>
	<script type="text/javascript">
		//https://sug.so.360.cn/suggest?callback=suggest_so&encodein=utf-8&encodeout=utf-8&format=json&fields=word&word=a   360请求的数据地址
		$('input').keyup(function(){
			$.ajax({	
				url:'https://sug.so.360.cn/suggest',
				type:'get',
				//跨域请求数据，格式都要用jsonp
				dataType:'jsonp',
				//发送给服务器的内容，就让在这
				data:{
					//callback:'suggest_so',
					encodein:'utf-8',
					encodeout:'utf-8',
					format:'json',
					fields:'word',
					//发送给服务器的数据。服务器就会根据此数据返回不同的内容出来
					word:$(this).val()
				}
			})
			.done(function(data){
				//以后要查看数据，都要通过控制台查看
				//console.log(data)
				//先清空
				$('ul').html('')
				
				//再循环输出每一条数据
				for(var i=0;i<data.result.length;i++){
					$('ul').append('<li>'+data.result[i].word+'</li>')
				}
				
				//$('ul').append('<li>'+data.result[2].word+'</li>')
			})
			.fail(function(){
				alert('2')
			})
		})
	</script>
</html>
